<template>
<div>
    <p class="asset" style="margin-left: 40%;margin-top: 10px">资产管家</p>
  <el-card class="comm-card">
    <div class="asset">
      <p>净资产</p>
      <p style="margin-top: 3px">0.00</p>
    </div>
    <div>
      <p class="liability">资产</p>
      <p class="liability-num">0.00</p>
      <p class="liability" style=" margin-left: 15px;">负债</p>
      <p class="liability-num">0.00</p>
    </div>
  </el-card>
  <el-card class="comm-card" style="background-color: #d7e7f6">
  </el-card>
  <el-button style="background-color: #ffdf66; color: white; font-size: 16px;bottom: 15%;left:40%;position: absolute;"
             @click="$router.push('/assetAdd')">
  添加资产
  </el-button>
</div>
</template>

<script>
import router from "@/router";

export default {
  name: 'MyAsset',
  methods: {
    router() {
      return router
    }
  },
}
</script>

<style scoped>
.comm-card {
  margin: 5px;
  background-color: #ffdf66;
  border-radius: 4%;
}
.asset {
  width: 100px;
  font-size: 21px;
  font-weight: bolder;
  margin-bottom: 10px;
  margin-left: 5px;
}

.liability {
  width: 30px;
  font-size: 14px;
  font-weight: bolder;
  margin-top: 5px;
   padding-bottom: 15px;
  margin-left: 5px;
  float: left;
}
.liability-num {
  width: 30px;
  font-size: 16px;
  font-weight: bolder;
  margin-top: 5px;
  padding-bottom: 15px;
  margin-left: 5px;
  float: left;
}
</style>